import './index.scss'
import {View} from '@tarojs/components'
import {observer} from 'mobx-react'
import {useEffect} from 'react'
import {useDidHide, useDidShow} from '@tarojs/taro'
import {IconImg} from '@/components/images'

const Systemnotification = () => {
  // 可以使用所有的 React Hooks
  useEffect(() => {
    console.log('Systemnotification useEffect')
  })
  // 对应 onShow
  useDidShow(() => {
    console.log('Systemnotification useDidShow')
  })
  // 对应 onHide
  useDidHide(() => {
    console.log('Systemnotification useDidHide')
  })
  return (
    <View className="container bg-xx_bg w-screen h-screen flex items-center justify-center">
      <IconImg
        imgName="systemNotification-nomsg"
        width={312}
        height={312}
        style={{
          marginBottom: '24rpx'
        }}
      ></IconImg>
      <View className="hanzi text-14 text-xx_text">暂无消息~</View>
    </View>
  )
}
export default observer(Systemnotification)
